<#ftl output_format="HTML" auto_esc=true>
	<@h.head title="404" keywords="开源,永久免费" description="springrain开源系统管理后台登陆页面"/>
		<style>
			body,html{margin: 0;padding: 0;width: 100%;font-family: "微软雅黑";}
			a:link{text-decoration:none;color:white;}
			.img_errow{
				width: 25%;text-align: center;
				position: absolute;left: 35%;top:20%;
			}
			.img_div{position: relative;width: 100%;height: 100%;}
			.img_errow img{width: 100%;}
			.img_div div{
				width: 25%;height: 40px;line-height: 40px;font-size: 14px;color: white;background: #f03d39;
				border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;
				display: inline-block;cursor: pointer;
				position: absolute;left: 39%;bottom: -30%;
			}
			
			@media (min-width: 320px) and (max-width: 768px){
				.img_errow{
					width: 60%;text-align: center;
					position: absolute;left: 20%;top:25%;
				}
				.img_div{position: relative;width: 100%;height: 100%;}
				.img_errow img{width: 100%;}
				.img_div div{
					width: 46%;height: 40px;line-height: 40px;font-size: 14px;color: white;background: #f03d39;
					border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;
					display: inline-block;cursor: pointer;
					position: absolute;left: 31%;bottom: -40%;
				}
			}
			
		</style>
	</head>
	<body>
		<div class="img_errow">
			<div class="img_div">
				<img src="${ctx}/img/404.jpg" />
				${exception!''}
				<div>
					<a href="javascript :;" onClick="javascript :history.back(-1);">返回上一级</a>
				</div>
			</div>
		</div>
	</body>
</html>
